<?php
include ('class/config.php');
include ("class/cls_category.php");
include ("class/cls_course.php");
include ("class/cls_story.php");
?>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Mission USA | Course</title>

		<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="images/icon.png" rel="icon" />
		<!-- <link href="http://fonts.googleapis.com/css?family=Roboto:100,300,400,700,500" rel="stylesheet" type="text/css" /> -->
		<script type="text/javascript" src="lib/frmValidation.js"></script>
		<script type="text/javascript" src="js/jquery.1.8.2.js"></script>
		<script src="js/jquery.bxslider.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#bxslider').bxSlider({
					mode : 'fade',
					auto : true,
					speed : 2000,
					pause : 5000
				});
				$('#bxcarousel').bxSlider({
					auto : true,
					pause : 3000,
					pager : false,
					slideMargin : 20
				});
			});
		</script>
		<!--[if IE]><script type="text/javascript" src="js/html5shiv.min.js"></script><![endif]-->
	</head>
	<body>
		<?php
		include ("includes/header.php");
		?>
		<main id="main" role="main">
			<div class="main-frame">
				<div class="main-frame-holder">
					<article class="col">
						<?php 
						$resCourse=$objCourse->selectCourse();
						$recCourse=mysqli_fetch_array($resCourse);
						?>
					<h1><?php echo $recCourse['course_title'];?></h1>
					
					<p>
						<img src="uploads/course/<?php echo $recCourse['course_image']; ?>" width="300px" heigh="350px" />
					 <?php echo $recCourse['course_details'];?> 
					</p>
					</article>
					<aside class="col">
								
					<div class="facebook">
						
					<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fnepaleducenter&amp;width=300&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowTransparency="true"></iframe>
					</div>
					</aside>
					
				</div>
			</div>
			<div class="main-block">
				<div class="threecolumns">
					<?php
					include ("includes/successStory.php");
					?>
					<?php
						include ("includes/courses.php");
					?>
					<section class="col">
						<h2>Advertisement</h2>
						<div class="block advertise">
							<img src="pictures/advertisement/laligurans.jpg" alt="college ad">
						</div>
					</section>
				</div>
			</div>
			<?php
				include ("includes/downSlider.php");
			?>
		</main>
		<?php
			include ("includes/footer.php");
		?>
	</body>
</html>
